<#-- 导入模版定义文件-->
<#include "../template/template_editPage.ftl">
<@edit title="云恩产品管理">
    <#if (id)??>
        <#assign isEdit = true />
    <#else>
        <#assign isAdd = true />
    </#if>
<body class="input">

<script type="text/javascript">


    $().ready(function () {

        var $validateErrorContainer = $("#validateErrorContainer");
        var $validateErrorLabelContainer = $("#validateErrorContainer ul");
        var $validateForm = $("#inputForm");
        var $tab = $("#tab");

        // Tab效果
        $tab.tabs(".tabContent", {
            tabs:"input"
        });

        // 表单验证
        $validateForm.validate({
            errorContainer:$validateErrorContainer,
            errorLabelContainer:$validateErrorLabelContainer,
            wrapper:"li",
            errorClass:"validateError",
            ignoreTitle:true,
            rules:{
                "yunProduct.productId":{
                    required:true
                },
                "yunProduct.productName":{
                    required:true
                },
                "yunProduct.productParvalue":{
                    required:true
                },
                "yunProduct.productInPrice":{
                    required:true
                },
                "yunProduct.rechargeMode":{
                    required:true
                }
            },
            messages:{
                "yunProduct.productId":{
                    required:"产品编号不能为空！"
                },
                "yunProduct.productName":{
                    required:"产品名称不能为空！"
                },
                "yunProduct.productParvalue":{
                    required:"产品面值不能为空！"
                },
                "yunProduct.productInPrice":{
                    required:"产品进价不能为空！"
                },
                "yunProduct.rechargeMode":{
                    required:"充值方式不能为空！"
                }
            },
            submitHandler:function (form) {
                //$(form).find(":submit").attr("disabled", true);
                form.submit();
            }
        });
        <#if actionErrors?? && (actionErrors?size > 0)>
            $.dialog({type:"warn", content:"<#list errorMessages as list>${list}<br></#list>",
                modal:true, autoCloseTime:3000});
        </#if>

        $("#submitId").click(function () {
            var validatorPrice = check2();
            return  validatorPrice;
        });
    });

    function check1() {
        $("#priceSpan").html("");
        var ee = /^(([1-9]\d*)|\d)(\.\d{1,3})?$/;
        var blsx = $("#productParvalue").val();
        if (!ee.test(blsx)) {
            $("#priceSpan").html('价格格式不正确！(例：0.000)');
            return false;
        }
        else {
            return true;
        }
    }

    function check2() {
        $("#priceSpan2").html('');
        var ee = /^(([1-9]\d*)|\d)(\.\d{1,3})?$/;
        var blsx = $("#productInPrice").val();
        if (!ee.test(blsx)) {
            $("#priceSpan2").html('价格格式不正确！(例：0.000)');
            return false;
        }
        else {
            return true;
        }
    }

</script>

<div class="body">
    <div class="inputBar">
        <h1><span class="icon">&nbsp;</span><#if isAdd??>添加云恩产品信息<#else>编辑云恩产品信息</#if></h1>
    </div>
    <div style="display: none;" id="validateErrorContainer" class="validateErrorContainer">
        <div class="validateErrorTitle">以下信息填写有误,请重新填写</div>
        <ul></ul>
    </div>
    <form id="inputForm" class="validate"
          action="<#if isAdd??>${web_base}/game/yun!save.htm<#else>${web_base}/game/yun!edit.htm</#if>"
          method="post">
        <ul class="tab">
            <li>
                <input type="button" value="基本信息" hidefocus="true"/>
            </li>
        </ul>
        <table class="inputTable tabContent">

            <#if isAdd??>
                <tr>
                    <th>
                        产品编码:
                    </th>
                    <td>
                        <input type="text" name="yunProduct.productId" class="formText {required: true}" value=""/>
                        <label class="requireField">*</label>
                    </td>
                </tr>
                <tr>
                    <th>
                        产品名称:
                    </th>
                    <td>
                        <input type="text" name="yunProduct.productName" class="formText {required: true}" value=""/>
                        <label class="requireField">*</label>
                    </td>
                </tr>
                <tr>
                    <th>
                        产品面值:(元)
                    </th>
                    <td>
                        <input type="text" id="productParvalue" name="yunProduct.productParvalue"
                               class="formText {required: true}" value="" onblur="check1()"/>
                        <span id="priceSpan" style="color: red;"></span>
                        <label class="requireField">*</label>
                    </td>
                </tr>
                <tr>
                    <th>
                        产品进价:(元)
                    </th>
                    <td>
                        <input type="text" id="productInPrice" name="yunProduct.productPrice"
                               class="formText {required: true}" value="" onblur="check2()"/>
                        <span id="priceSpan2" style="color: red;"></span>
                        <label class="requireField">*</label>
                    </td>
                </tr>
                <tr>
                    <th>
                        充值方式:
                    </th>
                    <td>
                        <select name="yunProduct.rechargeMode" class="formText {required: true}">
                            <option value="">请选择...</option>
                            <option value="2">
                                直充
                            </option>
                            <option value="1">
                                卡充
                            </option>
                        </select>
                        <label class="requireField">*</label>
                    </td>
                </tr>
                <#--<tr>-->
                    <#--<th>-->
                        <#--备注：-->
                    <#--</th>-->
                    <#--<td>-->
                        <#--<textarea name="enLinkProduct.remark" class="formTextarea"></textarea>-->
                    <#--</td>-->
                <#--</tr>-->
                </tr>
            <#else>
                <#if yunProduct??>
                    <input type="hidden" name="productId" value="${productId!}"/>
                    <input type="hidden" name="productName" value="${productName!}"/>
                    <input type="hidden" name="yunProduct.id" value="${yunProduct.id!}"/>
                <tr>
                    <th>
                        产品编码:
                    </th>
                    <td>
                        ${yunProduct.productId!}
                    </td>
                </tr>
                <tr>
                    <th>
                        产品名称:
                    </th>
                    <td>
                        ${yunProduct.productName!}
                    </td>
                </tr>
                <tr>
                    <th>
                        产品进价:(元)
                    </th>
                    <td>
                        <input type="text" id="productInPrice" name="yunProduct.productPrice"
                               class="formText {required: true}" value="${yunProduct.productPrice!}"
                               onblur="check2()"/>
                        <span id="priceSpan2" style="color: red;"></span>
                    </td>
                </tr>
                </#if>
            </#if>
        </table>
        <div class="buttonArea">
            <input type="submit" id="submitId" class="formButton" <#if isAdd??> value="添  加" <#else>
                   value="更  新"</#if> hidefocus="true"/>&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="button" class="formButton" onclick="window.history.back(); return false;" value="返  回"
                   hidefocus="true"/>
        </div>
    </form>
</div>
</body>
</@edit>
